<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="blog, 个人博客" />
    <meta name="Description" content="个人博客" />
    <meta name="author" content="driftluo" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <link rel="icon" type="image/webp" href="/images/head.webp" />
    <title>{% block title %}{% endblock title %}</title>
    <script src="/js/jquery-3.2.1.min.js"></script>
    <script src="/js/moment.js"></script>
    <link href="//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    <script src="//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="/css/index.css" rel="stylesheet" />
    <link href="//at.alicdn.com/t/font_492194_3ot3r19j8yjbgldi.css" rel="stylesheet" />
    <link href="//at.alicdn.com/t/font_492194_nlr9fntm97djkyb9.css" rel="stylesheet" />
    {% block css %}{% endblock css %}
</head>

<body>
    <header>
        {% block header %}{% endblock header%}
    </header>
    <nav class="navbar navbar-inverse navbar-fixed-top my-navbar">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="navbar-header">
                    <a class="navbar-brand" href="/index"><span class="glyphicon glyphicon-home"></span> 博客</a>
                </div>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <div class="container-fluid">
                    <div>
                        <ul class="nav navbar-nav navbar-right">
                            {% if user and user.groups == 0 %}
                            <li><a href="/admin"><i class="iconfont icon-administrator"></i> 后台</a></li>
                            {% endif %}
                            {% if user and notifys | length > 0 %}
                            <li role="presentation" class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"
                                    aria-haspopup="true" aria-expanded="false"><span
                                        class="glyphicon glyphicon-bell"></span> Notifys <span class="caret"></span>{{
                                    notifys | length }}</a>

                                <ul class="dropdown-menu">
                                    {% for notify in notifys %}
                                    <a href="/article/{{ notify.article_id }}" target="_blank"
                                        style="display: block; color: black !important; text-decoration:none;}">
                                        {{ notify.send_user_name }}
                                        {% if notify.notify_type == "reply" %} 回复
                                        {% elif notify.notify_type == "comment" %} 评论
                                        {% else %} 搞事情！{% endif %}
                                        了你，文章: {{ notify.article_title }}
                                    </a>
                                    {% endfor %}
                                </ul>

                            </li>
                            {% endif %}
                            <li><a href="/home"><span class="glyphicon glyphicon-user"></span> 主页</a></li>
                            <li><a href="/list"><span class="glyphicon glyphicon-list"></span> 博客列表</a></li>
                            <li><a href="/rss"><span class="glyphicon glyphicon-book"></span> Rss</a></li>
                            <li><a href="/about"><i class="iconfont icon-about"></i> 关于</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--/.navbar-collapse -->
        </div>
    </nav>
    {% block body %}{% endblock body %}
    <footer class="container col-sm-12  col-md-12  col-xs-12">
        <hr>
        <div class="text-center">
            <a href="https://github.com/driftluo">
                <svg aria-hidden="true" class="octicon octicon-mark-github" height="32" version="1.1"
                    viewBox="0 0 16 16" width="32">
                    <path fill-rule="evenodd"
                        d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z">
                    </path>
                </svg>
            </a>
        </div>
        <p class="text-center">Copyright © lo-ferris 2024</p>
    </footer>
    {% block script %} {% endblock script %}
</body>

</html>
